<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>学生表</title>
  <script src="jquery-3.6.1.min.js"></script>
  <style>
    .error-message {
      color: red;
    }
  </style>
  <script>
    $(document).ready(function () {
      // 绑定表单提交事件  
      $("form[name='studentForm']").on("submit", function (e) {
        e.preventDefault(); // 阻止表单的默认提交行为  
        var isValid = validateForm($(this));
        if (isValid) {
          this.submit(); // 如果验证通过，则手动提交表单  
        }
      });

      // 定义校验函数  
      function validateForm($form) {
        var isValid = true;

        // 清空所有错误消息  
        $(".error-message").remove();

        // 校验学号  
        var no = $form.find("#no").val();
        if (no === "") {
          $form.find("#no").after("<span class='error-message'>学号不能为空</span>");
          isValid = false;
        }

        // 校验其他字段...  

        return isValid;
      }
    });  
  </script>
</head>

<body>
  <h3>学生表</h3>
  <div class="container">
    <form name="studentForm" action="#">
      <div>
        <label for="no">学号:</label>
        <input type="text" id="no" name="no" placeholder="请输入学号..">
      </div>
      <!-- 完整代码需要包含其他字段的校验 -->
      <button type="submit">提交</button>
    </form>
  </div>
</body>

</html>